<!DOCTYPE html>
<html lang="zh-CN" class="no-js">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="initial-scale=1.0,user-scalable=no,minimal-ui">
        <meta name="applicable-device" content="pc,mobile">
        <title>${article.title} - ${webapp.name} - ${webapp.descript}</title>
        <link rel="profile" href="http://gmpg.org/xfn/11">
        <!--[if lt IE 9]>
            <script src="${webapp.url}wp-content/themes/pure-encore/js/html5.js"></script>
        <![endif]-->
        <meta name="description" content="${article.title} - 作者: ${article.userName}">
        <link type="image/vnd.microsoft.icon" href="${webapp.url}favicon.ico" rel="shortcut icon">
        <script type="text/javascript">
            !function(a, b, c) {
                function d(a) {
                    var c, d, e, f = b.createElement("canvas"),
                        g = f.getContext && f.getContext("2d"),
                        h = String.fromCharCode;
                    if(!g || !g.fillText) return !1;
                    switch(g.textBaseline = "top", g.font = "600 32px Arial", a) {
                        case "flag":
                            return g.fillText(h(55356, 56806, 55356, 56826), 0, 0), f.toDataURL().length > 3e3;
                        case "diversity":
                            return g.fillText(h(55356, 57221), 0, 0), c = g.getImageData(16, 16, 1, 1).data, d = c[0] + "," + c[1] + "," + c[2] + "," + c[3], g.fillText(h(55356, 57221, 55356, 57343), 0, 0), c = g.getImageData(16, 16, 1, 1).data, e = c[0] + "," + c[1] + "," + c[2] + "," + c[3], d !== e;
                        case "simple":
                            return g.fillText(h(55357, 56835), 0, 0), 0 !== g.getImageData(16, 16, 1, 1).data[0];
                        case "unicode8":
                            return g.fillText(h(55356, 57135), 0, 0), 0 !== g.getImageData(16, 16, 1, 1).data[0]
                    }
                    return !1
                }
                function e(a) {
                    var c = b.createElement("script");
                    c.src = a, c.type = "text/javascript", b.getElementsByTagName("head")[0].appendChild(c)
                }
                var f, g, h, i;
                for(i = Array("simple", "flag", "unicode8", "diversity"), c.supports = {
                        everything: !0,
                        everythingExceptFlag: !0
                    }, h = 0; h < i.length; h++) c.supports[i[h]] = d(i[h]), c.supports.everything = c.supports.everything && c.supports[i[h]], "flag" !== i[h] && (c.supports.everythingExceptFlag = c.supports.everythingExceptFlag && c.supports[i[h]]);
                c.supports.everythingExceptFlag = c.supports.everythingExceptFlag && !c.supports.flag, c.DOMReady = !1, c.readyCallback = function() {
                    c.DOMReady = !0
                }, c.supports.everything || (g = function() {
                    c.readyCallback()
                }, b.addEventListener ? (b.addEventListener("DOMContentLoaded", g, !1), a.addEventListener("load", g, !1)) : (a.attachEvent("onload", g), b.attachEvent("onreadystatechange", function() {
                    "complete" === b.readyState && c.readyCallback()
                })), f = c.source || {}, f.concatemoji ? e(f.concatemoji) : f.wpemoji && f.twemoji && (e(f.twemoji), e(f.wpemoji)))
            }(window, document, window._wpemojiSettings);
        </script>
        <link rel='stylesheet' id='wpd-css-css' href='${webapp.url}wp-content/plugins/wp-douban-master/assets/css/style.css?ver=1.9' type='text/css' media='screen' />
        <link rel='stylesheet' id='app-css' href='${webapp.url}wp-content/themes/pure-encore/build/css/app.css?ver=1.1.2' type='text/css' media='screen' />
        <link rel='stylesheet' id='wpl-css' href='${webapp.url}wp-content/plugins/wp-alu-master/static/css/style.css?ver=1.0.0' type='text/css' media='all' />
        <script type='text/javascript' src='${webapp.url}wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
        <script type='text/javascript' src='${webapp.url}wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
        <script type='text/javascript' src='${webapp.url}wp-content/plugins/pivot-photo/static/js/index.js?ver=1.0'></script>
        <script type='text/javascript' src='${webapp.url}wp-content/plugins/wp-alu-master/static/js/index.js?ver=1.0.0'></script>
    </head>
        <body class="article-id-${article.id}">
        <div id="container" class="site-main surface-container">
            <#
             include "header.html";
             #>
            <div class="layoutSingleColumn">
                <article class="postArticle article" itemscope="itemscope" itemtype="http://schema.org/Article">
                    <header class="article-header">
                        <h2 class="article-title" itemprop="headline">${article.title}</h2>
                        <div class="article-meta">
                            <time datetime="${sys:format($article.createDatetime, null)}">發布於 ${sys:format($article.createDatetime, null)}</time><span class="middotDivider"></span><span class="views">${wen:num($article.click)} 次檢視</span>
                        </div>
                    </header>
                    <div class="entry-content grap" itemprop="articleBody">
                        ${article.content}
                    </div>
                    <div class="supplementalPostContent u-overflowHidden">
                        <button class="button js-action button--primary button--chromeless" data-action="postlike" data-action-value="297"><span class="button-defaultState"><svg viewBox="0 0 29 29" width="29" height="29" class="svgIcon"><use class="svgIcon-use" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="${webapp.url}wp-content/themes/pure-encore/images/icons.svg#svg-heart-29px-p0"></svg></span><span class="button-activeState"><svg viewBox="0 0 29 29" width="29" height="29" class="svgIcon"><use class="svgIcon-use" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="${webapp.url}wp-content/themes/pure-encore/images/icons.svg#svg-heartFilled-29px-p0"></svg></span><span class="count">0</span></button>
                        <a class="button button--large button--dark button--chromeless tor" href="#respond">
                            <svg viewBox="0 0 29 29" width="29" height="29" class="svgIcon">
                                <use class="svgIcon-use" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="${webapp.url}wp-content/themes/pure-encore/images/icons.svg#svg-response-29px-p0">
                            </svg><span class="count">${wen:num($article.assess)}</span></a>
                        <div class="u-floatRight"><button class="js-action button button--large button--dark button--chromeless tor" data-url="${webapp.url}article/${article.id}" data-action="sharewechat"><svg viewBox="0 0 29 29" width="29" height="29" class="svgIcon"><use class="svgIcon-use" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="${webapp.url}wp-content/themes/pure-encore/images/icons.svg#svg-wechat"></svg></button></div>
                    </div>
                    <div class="post--keywords" itemprop="keywords">
                        <#
                         for($tag : $tags)
                         #>
                        <a href="${webapp.url}index?t=${tag}" class="post--keyword" data-title="${tag}" data-type="post_tag" data-term-id="64">${tag}</a>
                        <#
                         rof;
                         #>
                    </div>
                    <div class="postFooterInfo u-clearfix">
                        <div class="card">
                            <div class="card-imageWrapper">
                                <img alt='' src='${webapp.url}images/jiucheng.jpg' srcset='${webapp.url}images/jiucheng.jpg' class='avatar avatar-60 photo' height='60' width='60' /> </div>
                            <div class="card-content">
                                <h3 class="card-name" itemscope itemtype="https://schema.org/Person" itemprop="author"><span itemprop="name"><a href="${webapp.url}index">${article.userName}</a></span></h3>
                                <div class="card-description">
                                </div>
                            </div>
                            <div class="card-icons">
                                <a href="#" target="_blank" rel="external nofollow">
                                    <svg viewBox="0 0 20 20" width="20" height="20" class="svgIcon">
                                        <use class="svgIcon-use" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="${webapp.url}wp-content/themes/pure-encore/images/icons.svg#icon-weibo">
                                    </svg>
                                </a>
                                <a href="#" target="_blank" rel="external nofollow">
                                    <svg viewBox="0 0 20 20" width="20" height="20" class="svgIcon">
                                        <use class="svgIcon-use" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="${webapp.url}wp-content/themes/pure-encore/images/icons.svg#svg-twitter-21px-p0">
                                    </svg>
                                </a>
                                <a href="${webapp.url}rss" target="_blank" rel="external nofollow">
                                    <svg viewBox="0 0 20 20" width="20" height="20" class="svgIcon">
                                        <use class="svgIcon-use" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="${webapp.url}wp-content/themes/pure-encore/images/icons.svg#icon-rss">
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div id="comments" class="responsesWrapper">
                        <meta content="UserComments:4" itemprop="interactionCount">
                        <h3 class="comments-title">评论</h3>
                        <ol class="commentlist">
                           <#
                            print "${tld:ly($, "lys", $article.id)}";
                            for($ly : $lys)
                            #>
                           <li class="comment even thread-even depth-1" id="li-comment-${ly.id}" itemtype="http://schema.org/Comment" itemscope="" itemprop="comment">
                                <div id="comment-${ly.id}" class="comment-block">
                                    <div class="comment-info">
                                        <div class="comment-avatar">
                                            <img alt='' src='${webapp.url}assets/tou/${ly.img}' srcset='${webapp.url}assets/tou/${ly.img}' class='avatar avatar-40 photo' height='40' width='40' /> </div>
                                        <div class="comment-meta">
                                            <div class="comment-author" itemprop="author">
                                                <a href='${tld:omit($ly.url, null)}' rel='external nofollow' class='url'>${tld:omit($ly.author, null)}</a><span class="comment-reply-link u-cursorPointer" onclick="return addComment.moveForm('comment-${ly.id}', '${ly.id}', 'respond', '${article.id}')">回复</span></div>
                                            <div class="comment-time" itemprop="datePublished" datetime="${ly.createDatetime}">${ly.createDatetime}(${ly.ipName})</div>
                                        </div>
                                    </div>
                                    <div class="comment-content" itemprop="description">
                                        <p>${tld:omit($ly.content, null)}</p>
                                    </div>
                                </div>
                                <#
                                 for($ly1 : $ly.lys)
                                 #>
                                <ol class="children">
                                    <li class="comment byuser comment-author-fayda bypostauthor odd alt depth-2" id="li-comment-${ly1.id}" itemtype="http://schema.org/Comment" itemscope="" itemprop="comment">
                                        <div id="comment-${ly1.id}" class="comment-block">
                                            <div class="comment-info">
                                                <div class="comment-avatar">
                                                    <img alt='' src='${webapp.url}assets/tou/${ly1.img}' srcset='${webapp.url}assets/tou/${ly1.img}' class='avatar avatar-40 photo' height='40' width='40' /> </div>
                                                <div class="comment-meta">
                                                    <div class="comment-author" itemprop="author">
                                                        <a href='${tld:omit($ly1.url, null)}' rel='external nofollow' class='url'>${tld:omit($ly1.author, null)}</a><span class="comment-reply-link u-cursorPointer" onclick="return addComment.moveForm('comment-${ly1.id}', '${ly1.id}', 'respond', '${article.id}')">回复</span></div>
                                                    <div class="comment-time" itemprop="datePublished" datetime="${ly1.createDatetime}">${ly1.createDatetime}(${ly1.ipName})</div>
                                                </div>
                                            </div>
                                            <div class="comment-content" itemprop="description">
                                                <p>
                                                    <a href="#comment-${ly.id}" rel="nofollow" class="cute">@${tld:omit($ly.author, null)}</a> ${tld:omit($ly1.content, null)}</p>
                                            </div>
                                        </div>
                                        <#
                                         for($ly2 : $ly1.lys)
                                         #>
		                                <ol class="children">
		                                    <li class="comment byuser comment-author-fayda bypostauthor odd alt depth-2" id="li-comment-${ly2.id}" itemtype="http://schema.org/Comment" itemscope="" itemprop="comment">
		                                        <div id="comment-${ly2.id}" class="comment-block">
		                                            <div class="comment-info">
		                                                <div class="comment-avatar">
		                                                    <img alt='' src='${webapp.url}assets/tou/${ly2.img}' srcset='${webapp.url}assets/tou/${ly2.img}' class='avatar avatar-40 photo' height='40' width='40' /> </div>
		                                                <div class="comment-meta">
		                                                    <div class="comment-author" itemprop="author">
		                                                        <a href='${tld:omit($ly2.url, null)}' rel='external nofollow' class='url'>${tld:omit($ly2.author, null)}</a></div>
		                                                    <div class="comment-time" itemprop="datePublished" datetime="${ly2.createDatetime}">${ly2.createDatetime}(${ly2.ipName})</div>
		                                                </div>
		                                            </div>
		                                            <div class="comment-content" itemprop="description">
		                                                <p>
		                                                    <a href="#comment-${ly1.id}" rel="nofollow" class="cute">@${tld:omit($ly1.author, null)}</a> ${tld:omit($ly2.content, null)}</p>
		                                            </div>
		                                        </div>
		                                    </li>
		                                    <!-- #comment-## -->
		                                </ol>
		                                <!-- .children -->
                                        <#
                                         rof;
                                         #>
                                    </li>
                                    <!-- #comment-## -->
                                </ol>
                                <!-- .children -->
                                <#
                                 rof;
                                 #>
                            </li>
                            <#
                             rof;
                             #>
                        </ol>
                        <div id="respond" class="comment-respond">
                            <h3 id="reply-title" class="comment-reply-title">发表评论 <small><a rel="nofollow" id="cancel-comment-reply-link" href="/297#respond" style="display:none;">取消回复</a></small></h3>
                            <form action="${webapp.url}article/ly" method="post" id="commentform" class="comment-form">
                                <p class="comment-notes"><span id="email-notes">电子邮件地址不会被公开。</span> 必填项已用<span class="required">*</span>标注</p>
                                <p class="comment-form-author"><label for="author">姓名 <span class="required">*</span></label> <input id="author" name="ly.author" type="text" value="" size="30" maxlength="245" aria-required='true' required='required' /></p>
                                <p class="comment-form-email"><label for="email">电子邮件 <span class="required">*</span></label> <input id="email" name="ly.email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" aria-required='true' required='required' /></p>
                                <p class="comment-form-url"><label for="url">站点</label> <input id="url" name="ly.url" type="text" value="" size="30" maxlength="200" /></p>
                                <p class="comment-form-kaptcha">
                                    <label for="kaptcha">验证码 <span class="required">*</span></label>
                                    <input id="kaptcha" class="kaptcha" name="kaptcha" type="text" value="" size="30" maxlength="245" aria-required='true' required='required' style="width: 95px"/>
                                    <span class="captcha" style="height: 100%">
                                        <img src="${webapp.url}kaptcha" alt="点击更换" title="点击更换" onclick="this.src='${webapp.url}kaptcha?timestamp='+Math.random()" style="height: 30px;vertical-align:middle">
                                    </span>
                                </p>
                                <p class="comment-form-comment"><label for="comment">评论 <span class="required">*</span></label> <textarea id="comment" name="ly.content" cols="45" rows="8" maxlength="65525" aria-required="true" required="required"></textarea></p>
                                <p class="form-submit">
                                    <input type='hidden' name='ly.articleId' value='${article.id}' id='comment_post_ID' />
                                    <input type='hidden' name='ly.lyId' id='comment_parent'/>
                                    <input name="submit" type="submit" id="submit" class="submit" value="发表评论" />
                                </p>
                                <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="16383428c9" /></p>
                                <p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="228" /></p>
                            </form>
                        </div>
                        <!-- #respond -->
                    </div>
                </article>
            </div>
            <#
             include "footer.html";
             #>
        </div>
        <div class="backup">
            <svg viewBox="0 0 32 32" width="32" height="32" class="svgIcon">
                <use class="svgIcon-use" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="${webapp.url}wp-content/themes/pure-encore/images/icons.svg#svg-up">
            </svg>
        </div>
		<script type='text/javascript'>
		/* <![CDATA[ */
		  var PURE = {"ajax_url":"${webapp.url}article/ly","nonce":"fb3dee7de4","home_url":"http://${webapp.domain}\/index"};
		/* ]]> */
		</script>
        <script type="text/javascript" src="${webapp.url}wp-content/plugins/akismet/_inc/form.js?ver=3.1.11"></script>
<!--         <script type="text/javascript" src="${webapp.url}wp-content/themes/pure-encore/build/js/app.js?ver=1.1.2"></script> -->
        <script type="text/javascript" src="${webapp.url}wp-content/themes/pure-encore/build/js/ly.js?ver=1.1.3"></script>
        <script type="text/javascript" src="${webapp.url}wp-includes/js/comment-reply.min.js?ver=4.5.3"></script>
        <script type="text/javascript" src="${webapp.url}wp-includes/js/wp-embed.min.js?ver=4.5.3"></script>
    </body>
</html>